<script setup lang="ts">
import { useAppFooterRouteNames as routeWhiteList } from "~/config";

const route = useRoute();
const router = useRouter();

function onBack() {
  if (window.history.state.back) history.back();
  else router.replace("/");
}
function goFeedback() {
router.replace("/my/feedback");
}

const { t } = useI18n();

const title = computed(() => {
  if (!route.meta) return "";
  return route.meta.i18n ? t(route.meta.i18n) : route.meta.title || "";
});

const showLeftArrow = computed(
  () => route.name && routeWhiteList.includes(route.name)
);
const gold = ref("");
</script>

<template>
  <van-nav-bar left-arrow :title="t('menu.advise')" @click-left="onBack">
    <template #right>
      <!-- <van-icon name="search" size="18" /> -->
      <span @click="goFeedback" class="color-#9293a6"> {{t('menu.feedback')}}</span>
    </template>
  </van-nav-bar>
</template>
